/*
*经验新*
*/

/*经验头部 Start*/
.exp-wp { width: 100%; min-width: 1180px; color: #34495e;}
/*上传经验按钮*/
.exp-btn .lang-btn { width: 150px; margin: 10px 0; float: right; color: #fff; font-size: 14px;}
/*.exp-btn .lang-btn .lang-btn-content */

.exp-filter2 .space { border-left: 1px solid #e0e7eb; float: left; height: 20px; margin: 22px 0 18px -1px;}
/*一级分类*/
.exp-filter1 { border-left: 1px solid transparent; border-right: 1px solid transparent; float: left;}
.exp-filter1 a { display: block; overflow: hidden; color: #253c52; height: 20px; line-height: 20px; padding: 21px 20px; width: 50px; text-align: center; font-size: 12px; font-weight: bold;}
.exp-filter1 a:hover { color: #2c98dd; transition: 0.2s ease-out;}
.exp-filter1 a span { display: block;width: 50px; text-align: center;}
.exp-filter1 a i {position: absolute; top:20px; right: 8px; font-size: 24px; color: #253c52; font-weight: bold;}
.exp-filter1 a:hover i { color: #dfe5e9; transition: 0.2s ease-out;}
.exp-filter1 a.active { color: #2c98dd;}
.exp-filter1 a.active i { color: #dfe5e9; line-height: 22px;}
.exp-filter1 ul { position: absolute; top: 63px; left: -1px; z-index: 2; background-color: #fff; border: 1px solid #eff2f5;  margin-top: -1px;}
.exp-filter1 ul li { height: 42px;}
.exp-filter1 ul a {padding: 11px 20px; }
/*二、三级分类*/
.exp-filter2 {display: block; float: left; /*border-left: 1px solid #eff2f5;*/ margin-left: -1px; padding-right: 20px;}
.exp-filter2 li { display: inline-block; float: left; height: 62px;}
.exp-filter2 li i {background-color: #dfe5e9; height: 4px; width: 4px; border-radius: 50%; margin: 29px 8px; float: left; }
.exp-filter2 li a { display: block; height: 20px; line-height: 20px; padding: 21px 8px; margin-left: 20px; color: #9aabb8;}
.exp-filter2 li a:hover { color: #2c98dd; transition: 0.2s ease-out;}
.exp-filter2 li a.active { color: #2c98dd;}
/*列表切换*/
.exp-switch { display: block; float: left; margin: 15px 0 15px 69px; border: 1px solid #bbc3c6; border-radius: 5px; width: 80px; height: 30px; padding: 0 10px;}
.exp-switch a i {display: block; float: left; width: 40px; height: 30px; line-height: 30px; font-size: 18px; color: #bdc3c7 ; text-align: center;}
.exp-switch a:hover i { color: #848484; transition: 0.2s ease-out;}
.exp-switch a.active i { color: #848484; }
/*经验头部 END*/

/*专题列表头部 Start*/
.topic-tit { display: block;}
.topic-tit h1 { float: left; display: block; font-size: 22px; line-height: 63px; }
.topic-tit ul.topic-subtit { float: left; margin-left: 20px; margin-top: 10px; } 
.topic-tit ul.topic-subtit li { float: left; } 
.topic-tit ul.topic-subtit li a { padding: 12px;  height: 20px; line-height: 20px; color: #34495e; display: block;}
.topic-tit ul.topic-subtit li a:hover { color: #2c98dd; transition: 0.2s ease-out; }
.topic-tit ul.topic-subtit li a.active { color: #2c98dd; }
.topic-tit ul.topic-subtit li.num { margin-left: 25px; color: #bdc3c7; padding: 12px 0;}
.topic-tit ul.topic-subtit li.num span { color: #3499da;}

/*专题列表头部 END*/

/*主体内容*/
.exp-main { width: 1180px; margin: 0 auto; color: #34495e;}
.exp-cont { float: left; width: 880px; }

/* 专题介绍 Start*/
.topic-hd { width: 820px; height: 215px; margin-top: 30px; border: 1px solid #ededed; background: #f4f4f4; padding: 20px;}

.topic-hd-txt { float: left; width: 520px;}

.topic-hd-txt h1 { font-size: 22px; color: #4f5f6e; line-height: 28px; margin-bottom: 20px; width: 520px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.topic-hd-txt  p { font-size: 16px; color: #4f5f6e; line-height: 22px; margin-bottom: 10px; float: left; height: 65px; overflow: hidden;}

.topic-hd-txt .tag { display: block; margin: 15px 0; float: left; clear: both; }
.topic-hd-txt .tag span { display: inline-block; height: 26px; padding: 0 15px; line-height: 26px; margin-right: 10px; border: 1px solid #dce4eb; border-radius: 5px; background: #fff; color: #888;}

.topic-hd-txt .user { display: block; clear: both; width: 100%;}
.topic-hd-txt .user ul { width: 420px; height: 32px; overflow: hidden;}
.topic-hd-txt .user li { float: left; margin: 6px; }
.topic-hd-txt .user li.num { color: #c4c4c4; position: absolute; right: 0;}
.topic-hd-txt .user li.num span { color: #4090d7;}
.topic-hd-txt .user img { float: left; width: 20px; height: 20px; border-radius: 50%; }

.topic-hd-img { float: right; width: 280px;}
.topic-hd-img .share { height: 26px; line-height: 26px; float: right;}
.topic-hd-img .share a { font-size: 16px; color: #4f5f6e; }
.topic-hd-img .share a i { float: left; font-size: 28px; color: #4f5f6e; margin: 0 6px;}
.topic-hd-img .share a:hover i.icon-sina1 { color: #EC4D4F; }
.topic-hd-img .share a:hover i.icon-douban { color: #29BB9C; }
.topic-hd-img .share a:hover i.icon-txweibo-r { color: #3A99D8; }
.topic-hd-img .share span { margin: 0 8px; border-left: 1px solid #e2e2e2; }
.topic-hd-img .share a.fav { display: inline-block; font-size: 16px;}
.topic-hd-img .share a.fav i { font-size: 20px; line-height: 26px;}
.topic-hd-img .share a.active i { color: #f1c40f; }

.topic-hd-img img { margin-top: 20px; }
/* 专题介绍 END*/

/*专题列表 Start*/
.topic-box-wp { width: 1240px;}
.topic-box { display: inline-block; float: left; width: 560px; margin-right: 60px; padding: 30px 0 24px 0; border-top: 1px solid #eff2f5; margin-top: -1px;}

.topic-box-first img {display: block; float: left; width: 220px; height: 132px; margin-right: 20px; }
.topic-box-det { float: left; width: 320px;}
.topic-box-det h1 { font-size: 20px; line-height: 25px; margin-bottom: 8px; width: 265px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.topic-box-det h1 a { color: #34495e;}
.topic-box-det h1 a:hover { color: #3499da; transition: 0.2s ease-out; }
.topic-box-det p.text { font-size: 14px; color: #7f8c8d; line-height: 22px; margin-bottom: 12px; width: 100%; height: 64px; overflow: hidden;}

.topic-box-det .topic-box-num p {font-size: 14px; color: #bdc3c7;  line-height: 20px;}
.topic-box-det .topic-box-num p span { color: #3499da; }

.topic-box-det a.fav { position: absolute; top: 0; right: 0; font-size: 16px; color: #4f5f6e; line-height: 24px; }
.topic-box-det a.fav i { font-size: 18px; color: #4f5f6e; margin-right: 5px; float: left; line-height: 24px;}
.topic-box-det a.active i { color: #f1c40f; }

.topic-box-list { margin-top: 12px; }
.topic-box-list li { line-height: 30px; height: 30px; font-size: 16px; color: #34495e; width: 480px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.topic-box-list li a { color: #34495e;}
.topic-box-list li a:hover { text-decoration: underline; }
.topic-box-list li i { font-size: 12px; color: #34495e; line-height: 30px; float: left; line-height: 30px; margin-right: 5px; margin-left: -3px;}


.topic-box a.into { position: absolute; right: 0; bottom: 26px; font-size: 14px; color: #3499da; line-height: 24px;}
.topic-box a.into:hover { text-decoration: underline; }
.topic-box a.into i{ font-size: 12px; color: #3499da; margin-left: 5px; line-height: 24px; float: right;}
/*专题列表 END*/

/*主题列表 Start*/
.exp-list .exp-item { padding: 30px 0; border-top: 1px solid #e0e7eb;}
.exp-list .exp-item:first-child { border-top: none; padding-top: 0;}

/*大图片列表*/
.exp-list .exp-item img.cover { float: left; margin-right: 20px; width: 280px; height: 210px; overflow: hidden; display: block; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.exp-list .exp-item .exp-text { float: left; padding: 0 0 8px;}
.exp-list .exp-item .exp-text .exp-detail { width: 580px;}
.exp-list .exp-item .exp-text .exp-detail h1 { margin-bottom: 14px;  width: 440px;}
.exp-list .exp-item .exp-text .exp-detail p { margin-bottom: 14px; }
.exp-text .exp-info li.list-user a img { width: 50px; height: 50px;}
.exp-text .exp-info li.list-user a span,
.exp-text .exp-info li.list-user a strong { line-height: 14px; padding: 18px 15px; margin: 0;}
.exp-text .exp-info li.list-tag { margin: 18px 0}
.exp-text .exp-info li.list-msg { margin: 18px 0}

/*mini图片列表*/
.exp-list .exp-item .topic-list img.cover { width: 140px; height: 105px;}
.topic-list .exp-detail { float: left; width: 720px; }
.topic-list .exp-detail p { line-height: 20px; max-height: 40px; margin-bottom: 10px;}

/*纯文字列表*/
.exp-detail h1 { font-size: 22px; font-weight: bold; line-height: 28px; margin-bottom: 7px;width: 600px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.exp-detail h1 a { color: #394a58;}
.exp-detail h1 a:hover{ color: #3498db; transition: 0.2s ease-out;}
.exp-detail p { font-size: 14px; color: #394a58; line-height: 25px; margin-bottom: 12px; max-height: 75px; overflow: hidden;  padding-right: 120px;}

.exp-info {}
.exp-info li { float: left; color: #9aabb8; }
.exp-info li.list-user a { margin: 5px 0; }
.exp-info li.list-user a img { display: block; float: left; width: 20px; height: 20px; border-radius: 100%;}
.exp-info li.list-user a span,
.exp-info li.list-user a strong { display: block; float: left; color: #394a58; margin: 3px 0; padding: 0 15px; height: 14px; line-height: 14px;}
.exp-info li.list-user a:hover span { text-decoration: underline;}
.exp-info li.list-tag { border-left: 1px solid #eff2f5; margin: 3px 0; padding: 0 15px; height: 14px; line-height: 14px; }
.exp-info li.list-tag a { color: #9aabb8; }
.exp-info li.list-tag a:hover { color: #3498db; }
.exp-info li.list-msg { border-left: 1px solid #eff2f5; margin: 3px 0; height: 14px; line-height: 14px; }
.exp-info li.list-msg span { padding-left: 20px; /*float: left;*/}
.exp-info li.list-msg span i { display: inline-block; vertical-align: middle; margin-right: 3px; line-height: 13px; /*float: left;*/}

.exp-data { position: absolute; top: 5px; right: 10px; color: #bdbdbd;}
.exp-data i { margin-right: 10px; color: #bdbdbd; font-size: 14px;}
/*主题列表 END*/

/*右侧边栏 Start*/
.exp-side { float: right; width: 280px;}
.exp-side h2 { font-size: 14px; color: #34495e; margin-top: 30px; line-height: 20px; margin-bottom: 13px;}
/*热门专题列表*/
.exp-topic img { width: 280px; height: 168px; float: left;}

/* 热门专题轮播*/
.exp-slider{ width: 280px; height: 168px; overflow: hidden;}
.slidesjs-pagination { position: absolute; top: -20px; right: 0; height: 13px; font-size: 0;}
.slidesjs-pagination li { margin: 2px; display: inline-block;}
.slidesjs-pagination li a { display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff; border: 1px solid #9cadba;}
.slidesjs-pagination li a.active { background: #3499da; border: 1px solid #3499da;}
/*.exp-slider-img{ font-size: 0; letter-spacing:-3px;position:relative;}
.exp-slider-img li { display:inline-block; vertical-align: top; letter-spacing: normal;word-spacing:normal;font-size:12px;}

.exp-slider-circle { position: absolute; top: 5px; right: 0; height: 13px; font-size: 0;}
.exp-slider-circle li { margin: 2px; display: inline-block;}
.exp-slider-circle li a { display: block; width: 7px; height: 7px; border-radius: 100%; background: #fff; border: 1px solid #9cadba;}
.exp-slider-circle .selected a { background: #3499da; border: 1px solid #3499da;}*/

/*热门文章*/
.exp-hot h2 { margin-bottom: 3px;}
.exp-hot li { padding: 10px 0; border-bottom: 1px solid #eff2f5;}
.exp-hot li:last-child { border-bottom: none;}
.exp-hot .hot-tit { font-size: 14px; line-height: 20px; margin-bottom: 3px; font-weight:normal;}
.exp-hot .hot-tit a { color: #3498e1;}
.exp-hot .hot-tit a:hover { color: #3498e1; text-decoration: underline; transition: 0.2s ease-out;}

.exp-hot p.hot-info { color: #9aabb8;}
.exp-hot p.hot-info a { font-size: 14px; color: #bdbdbd; margin-right: 10px; }
.exp-hot p.hot-info i { margin-right: 3px;}
/*右侧边栏 END*/

/*新修改在经验里加入专题入口*/
.topic-in { margin-top: 30px;}
.topic-in a.topic-in-img { float: left; margin-right: 20px; width: 220px; height: 133px; }
/*.topic-in a.topic-in-img:last-child { margin-right: 0;}*/
.topic-in a.topic-in-img img { width: 100%; height: 100%; }
.topic-in > .pos{ margin-right: 0!important;}
.topic-in-img .more-bg { position: absolute; top: 0; left: 0; width: 220px; height: 133px; background-color: #3498db; opacity: 0.92; display: none;}
.topic-in-img:hover .more-bg { display: block;}
.topic-in-img .more-t { position: absolute; top: 0; left: 0; width: 220px; height: 133px; color: #fff; }
.topic-in-img .more-t span { display: block; width: 220px; height: 133px; text-align: center; float: left; line-height: 133px; font-size: 16px; }
.topic-in-img .more-t i { position: absolute; right: 10px; font-size: 80px; line-height: 133px; color: #fff; }
